<!doctype html>
<html lang="tr">
<head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>N&ouml;bet Programı Giriş</title>
	<style type="text/css">:root{
  --bg:#f6f7f9;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --primary:#0b5fff;
  --primary-700:#0a4ed1;
  --border:#e5e7eb;
  --radius:16px;
  --shadow:0 10px 25px rgba(0,0,0,.06);
}

body{
  margin:0;
  font-family:system-ui, -apple-system, Segoe UI, Roboto;
  background:var(--bg);
  display:grid;
  place-items:center;
  height:100vh;
}

.card{
  width:100%;
  max-width:420px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:24px;
}

h1{
  font-size:20px;
  margin-bottom:8px;
}

.sub{
  font-size:14px;
  color:var(--muted);
  margin-bottom:20px;
}

label{
  font-size:14px;
  display:block;
  margin-bottom:6px;
}

input{
  width:100%;
  padding:12px;
  border:1px solid var(--border);
  border-radius:10px;
  margin-bottom:14px;
  font-size:14px;
}

input:focus{
  outline:none;
  border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(11,95,255,.15);
}

.btn{
  width:100%;
  padding:12px;
  background:var(--primary);
  color:#fff;
  border:none;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
}

.btn:hover{
  background:var(--primary-700);
}

.note{
  font-size:12px;
  color:var(--muted);
  margin-top:12px;
}
	</style>
</head>
<body>
<div class="card">
<h1><meta content="text/html; charset=us-ascii" http-equiv="Content-Type" />
<style type="text/css">a {
    text-decoration: none;
    color: #464feb;
}
tr th, tr td {
    border: 1px solid #e6e6e6;
}
tr th {
    background-color: #f5f5f5;
}
</style>
HR Operasyon N&ouml;bet Takip Sistemi</h1>

<p class="sub">Kurban Bayramı n&ouml;bet listenizi g&ouml;r&uuml;nt&uuml;lemek i&ccedil;in giriş yapın</p>

<form><label>Kurumsal E-posta</label> <input required="" type="email" /> <label>Şirket Parolası</label> <input required="" type="password" /><button class="btn">Giriş Yap</button></form>

<p class="note">Bu ekran yalnızca n&ouml;bet programı g&ouml;r&uuml;nt&uuml;leme ama&ccedil;lıdır.</p>
</div>
</body>
</html>
